@import "./variable.scss";

$rootfs: 16;

@function rem($px) {
  @return ($px / $rootfs) * 1rem;
}

@mixin large-text {
  font: {
    family: Arial;
    size: 20px;
    weight: bold;
  }
  color: #ff0000;
}

@mixin sexy-border($color, $width) {
  border: {
    color: $color;
    width: $width;
    style: dashed;
  }
}

@mixin flexCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}